<template>
  <div class="all">
    <div class="recommend_wrapper">
      <v-header></v-header>
      <div class="desc" style="">
        <i class="iconfont  icon-lineCD"></i>
        欢迎使用网易云音乐
      </div>
      <keep-alive>
        <router-view v-if="!$route.meta.unkeepAlive"></router-view>
      </keep-alive>
      <router-view v-if="$route.meta.unkeepAlive"></router-view>
    </div>
    <!--  <v-footer></v-footer>-->
  </div>
</template>
<script type="text/ecmascript-6">
  import header from 'components/header/header';
  import footer from 'components/footer/footer';
  import * as service from '../../service';
  export default {
    data() {
      return {};
    },
    methods: {
      /* 顶部导航切换 */

    },
    computed: {},
    components: {
      'v-header': header,
      'v-footer': footer
    }
  };
</script>

<style lang="stylus" rel="stylesheet/stylus">
  .all
    width 100%
    height 100%
    position relative
    display flex
    flex-flow column
    .recommend_wrapper
      width 100%
      height 100%
      overflow-y scroll
      -webkit-overflow-scrolling: touch;
      padding-bottom 30px
      z-index 3000
      top 0
      display inline-block
      .desc
        height 104px
        text-align center
        line-height: 104px
        font-size: 14px
        .icon-lineCD
          vertical-align middle
          font-size 17px
</style>
